import React, { Component } from 'react';
import { View, Text } from 'react-native'
//导入路由组件
import { Router, Stack, Scene } from 'react-native-router-flux'
/*
    Router:和react中的HashRouter一样
    Stack:相当于一个分组容器，他不表示具体的路由，专门给路由分组的
    Scene：表示具体的路由规则
*/
import App from './App'

import MovieList from './components/Movies/movieList.js'

import Moviedetail from './components/Movies/moviedetail'
class Main extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }
    render() {
        return (
            <Router>
                <Stack key="root">
                    {/* 
                    匹配路由规则：
                    注意：所有的路由规则都应该写在这里
                    第一个Scene就表示你默认要展示的首页
                    key属性：表示路由规则的名称，将来可以使用key，进行编程式导航，每一个路由提供的key都是唯一的
                */}
                    <Scene key="app" component={App} title="App" hideNavBar />
                    <Scene key="movieList" component={MovieList} title="热映电影" />
                    <Scene key="moviedetail" component={Moviedetail} title="电影详情"></Scene>
                </Stack>
            </Router>
        );
    }
}

export default Main;

